* { margin:0; padding:0; }
body { font-size:100.01%; font-family: Arial,Tahoma,sans-serif; color:#000; background-color:#fff; }
html, body, #main{ min-height:100%; width:100%; height:100%; }
html>body, html>body #main { height: auto; } /* Without this, Moz1.0 adds a vertical scrollbar */
img { border:0; }

#footer { position:absolute; bottom:0; width:100%; z-index: -1; }
#footer .inner { background: transparent url("../img/footer_bg.png") repeat-x center; height: 147px; }
#footer .inner A { color: #fff;}
#footer .inner DIV { position: relative; top: 120px; font-size: 12px; font-style: italic; color: #fff; text-align: center; }

#header { background: #1e4576 url("../img/header_bg.png") repeat-x scroll center; }
#header #advertise { margin-top: 7em;}
#header #advertise A { color: #fff; padding: 5px; font-size: 12px; }
#header #advertise A:hover { text-decoration: none; }
/*#header #back { text-decoration: none; float:left; }*/
#header #logo { margin:12px 12px 0 20px; float: left; }
/*#header #reactos { margin-top:12px; float: left; }*/
#header #headerContext { float: right; text-align:right; margin-right:8px; }
#header #lang { float:right; z-index: 11; }
#header #lang UL { width: 160px; position: absolute; top: 1.6em; right: 0.3em; display: none; height: 300px; overflow-y: scroll; z-index: 10; }
#header #lang:hover UL { display: block; }
#header #lang UL LI { float: none; display: block; margin-bottom: 0.2em; width: 140px; }
#header #lang SPAN { background: transparent url("../img/arrow-down.png") no-repeat scroll right 4px; }
#header #lang A,#header #lang SPAN { cursor:pointer; border: 1px solid transparent; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; display: block; /*width: 6.4em;*/ padding: 0.2em 1em; text-decoration: none; color: #fff; }
#header #lang UL { background: #1e4576 url("../img/menu_dropdown_bg.png") repeat-x fixed center; color: #fff; }
#header #lang A:hover { border: 1px solid #DBE9F9; color: #fff; background: #376092 url("../img/menu_item_hover_bg.png") repeat-x left top; }

#headercontent { width:auto; height: 123px; margin: 0; }

#leftNavigation { position:absolute; left:22px; width:130px; font-size:13px; }
#leftNavigation H2 { color: #595959; font-size:15px; margin-bottom:5px; }
#leftNavigation LI { margin-left:30px; list-style-image: url("../img/arrow.gif"); }
#leftNavigation LI A { color: #376092; }
#leftNavigation LI A:hover { text-decoration:none;}
#leftNavigation OL { margin-bottom:10px;}

#main { position:absolute; top:0; left:0; font-size:0.9em; }

#Navigation { background: #1e4576 url("../img/top_menu_bg.png") repeat-x scroll left top; font-size: 14px; margin-bottom:2px; }
#NavigationContent { width:auto; margin-left: 10px /*auto*/; }
#Navigation DIV { background: transparent url("../img/menu_bg.png") repeat-x scroll 117px top; height: 26px; }
#Navigation UL LI { list-style: none; float: left; position: relative; margin: 0 0.4em 0.4em 0.4em; z-index:11; }
#Navigation UL LI UL { position: absolute; top: 1.8em; left: -0.2em; display: none; }
#Navigation UL LI:hover UL { display: block; }
#Navigation UL LI UL LI { float: none; display: block; margin-bottom: 0.2em; width: 150px; }
#Navigation UL A { border: 2px solid transparent; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; display: block; /*width: 6.4em;*/ margin: 0.1em; padding: 0.1em 1em 0.15em 1em; text-decoration: none; color: #fff; z-index: 2; }
#Navigation UL LI UL { background: #1e4576 url("../img/menu_dropdown_bg.png") repeat-x left top; color: #fff; }
#Navigation UL A:hover { border: 2px solid #dce6f2; color: #fff; background: #376092 url("../img/menu_item_hover_bg.png") repeat-x left top; }
#Navigation #contactus { font-weight: bold; }
#Navigation #search { float: right; padding-right:6px; z-index:1; }
#Navigation #search FIELDSET { border: none; }
#Navigation #search INPUT { background: #fff url("../img/search_icon.gif") no-repeat scroll 120px center; padding: 1px 20px 0px 4px; border: 1px solid #1f497d; width: 120px; height: 17px; margin-top:3px; color:#999; }


#subLinks { list-style-type: none; margin: 0; padding-top: 5px;}
#subLinks LI { margin-bottom: 5px; }

#tabBar { width:auto; margin: 2px 0 0 163px;}
#tabBar A { color: #000; text-decoration: none; }
#tabBar A:hover { text-decoration: underline; }
#tabBar .inner { padding: 3px 10px; background:none; background-color: #95b3d7; padding-bottom:0; border-bottom: 0;}
#tabBar .inner:hover { background:none; background-color: #b5d1f2;}
#tabBar .middle,.content #tabBar .shadow { padding-top:4px; padding-bottom:0; z-index:3;}
#tabBar .shadow,.content #tabBar .middle, .content #tabBar .inner { -moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; }
#tabBar .active { background-color: #b5d1f2; border-bottom: 0; padding-bottom:3px; }
#tabBar .active:hover { padding: 3px 10px; }
#tabBar .active a:hover { cursor: default; }
#version { padding-top:1px; font-size: 12px; font-weight:normal;}

.content { width:100%; height:100%; padding-bottom:50px; /*147px*/}
.content #headline H1 { margin-left: 20px; font-size: 20px; color:#4e81c9; text-align: left; padding:0 0; background: /*transparent*/ url("../img/headline-img.png") no-repeat scroll 250px center; }
.content #headline H1 SPAN { color: #808080 /*gray*/; }
.content #bottomBox { width: 100%; float:left; margin-top:15px; padding: 0;}
.content #bottomBox A { cursor:pointer; }
.content #bottomBox A:hover { text-decoration:none; }
.content #subBox { position:absolute; height:auto; width: 200px; /*float:left;*/ margin-top:-3px; /*padding-left:0px;*/}
.content #subBox * { border-top: 0; -moz-border-radius-topleft: 0; border-top-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 0; border-top-right-radius: 0; -webkit-border-top-right-radius: 0; }
.content #subBox .inner { background: none; background-color: #DBE9F9; padding: 0 0 10px 15px;}
.content #subBox .button { margin: 0; font-size: 16px; display: block; height: 35px; width: 105px; padding: 15px 0 0 60px; color: #fff; text-decoration: none;}
.content #subBox .dlbutton { margin: 0; font-size: 15px; font-weight: bold; display: block; height: 35px; width: 105px; padding: 7px 0 8px 60px; color: #fff; text-decoration: none;}

/* .content #subBox .button */
#download A { background: url("../img/buttons.png") 0px -1px; }
#download A:hover { background: url("../img/buttons.png") 0px -52px;}
#compatDBlink A { background: url("../img/buttons.png")  0px -104px; }
#compatDBlink A:hover { background: url("../img/buttons.png") 0px -155px; }
#donate A { background: url("../img/buttons.png") 0px -206px; }
#donate A:hover { background: url("../img/buttons.png") 0px -257px; }

.content #topBox, .content #topBox * { /*-moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; -webkit-border-bottom-left-radius: 0; */}
.content #topBox { padding-top: 5px; }
.content .box { margin: 0 10px 0 163px; /*border-bottom: 2px solid #eee; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px;*/}
.content .box UL { margin-left: 20px; }
.content .box .more_info { padding-left: 10px; }
/*.content .box .more_screenshots { text-align: left; padding: 5px 0 0 20px; }
.content .box .more_screenshots A { color: #dce6f2; margin-right: 30px; padding-left: 40px; background: transparent url("../img/screenshot_more.png") no-repeat scroll left center; } */
.content .box A { color: #376092; }
.content .box A:hover { text-decoration: none; }
.content .bBox { width: 100%; }
.content .rightBox { padding-top: 7px; margin-left:210px; text-align:inline;}
.content .rightBox LI { margin-left:15px; list-style-image: url("../img/bullet.png"); }
.content .rightBox #testerBox { position:absolute; width:50%; left:385px; height:148px;}
.content .rightBox #devBox { position:relative; width:50%; margin-left:50%; border-left: 1px solid #000; padding-left:15px; height:148px; }
.content .inner { clear: both; background: #DBE9F9 url("../img/box_bg.png") repeat-x;/*background-color: #dce6f2;*/ border: 1px solid #fff; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.content .middle { border: 1px solid #385d8a; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; /*z-index: 5;*/ }
.content .newsItem { float:left; width:31%; margin-right:2%; height:auto; overflow:hidden; }
.content .newsItem li { padding-top: 4px;}
.content .newsItem p { line-height: 16px; padding-top: 10px; text-align: justify; }
.content #bugzilla, .content #commits, .content #newsletters { display:none; }

.content .shadow { border: 1px solid #ccc; border-top: 0; border-bottom: width: 3px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; }
.content .tabBox { margin: 0; width:100%;}

.more, .learnmore { font-size: 14px; float:right; }
.more2 { font-size: 14px; text-align:left; }
.more A, .more2 A, .learnmore A { color: #376092; margin-left:10px; padding-left: 15px; /*padding-right: 25px;*/ background: url("../img/bullet.png") no-repeat scroll left center;}

.quicklinks { list-style-type: none; margin-top: 5px; }
.quicklinks LI { margin-bottom: 5px; }

.section { margin-top: 5px; width:auto;} 
.section#headline { margin: 20px 0 10px 0; }

.tabBox .shadow, .tabBox .middle, .tabBox .inner {-moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; }

/* some hacking to force a break after floating*/
.clearfix:after { content:" "; clear:both; display:block; height:0; visibility:hidden; line-height: 0; }

/* tabbox- feedburner */
#creditfooter { display:none; }
.feedburnerFeedBlock ul li { padding-top: 4px; }


#slideshow { padding:7px 0 0 7px; margin:0; width:auto; background: #0C1827 url("../img/slideshow_bg.png") bottom repeat-x; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; }
#slideshow #morescn { color: #dce6f2; padding-left: 28px; background: url("../img/more_screenshots.png") no-repeat scroll left center; }